<template>
  <div>
    <div class="hd1" style="height: 42px; font-size: 24px">我的视频</div>
    <ul style="width: 100%; margin: 10px 10px 0 20px">
      <li style="width: 176px; height: 162px; padding-left: 10px;float:left" v-for="items in mymv"  class="mmm">
          <img :src="items.coverUrl" alt="" width="159px" height="90px" >
          <h3 style="font-size:8px;line-hight:3px;" class="el-icon-video-camera">{{items.title}}</h3>
          <div class="times">{{ (items.playTime - (items.playTime % 10000)) / 10000}}万</div>
      </li>
    </ul>
  </div>
</template>
<script>
import axios from 'axios'
export default {
  name: "mymusimv",
  data() {
    return {
        mymv:[]
    };
  },
  created() {
    axios({
      url: "http://localhost:3000/mv/sublist",
      method: "get",
      params: {
        cookie: window.sessionStorage.cookie,
      },
    }).then((res) => {
      console.log(res);
      this.mymv = res.data.data;

    });
  },
};
</script>
<style>
.mmm {
    position: relative;
}
.times {
    position: absolute;
    right:5px;
    top:0;
    color: #fff;
}
</style>